<%-- 
    Document   : N950
    Created on : Oct 24, 2012, 4:07:06 PM
    Author     : Nguyen Hung
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <script type="text/javascript">
            var open_cur = 0;
            $j = jQuery.noConflict();
        
            $j(document).ready(function(){  
            $j('input#leavedate1').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
            $j('input#leavedate2').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
            });
        </script>
        <style>
            .message{
                color: red;
                float: left;
                text-align: center;
                margin-top: 16px;
                font-weight:bold; 
            }
        </style>
    </head>
    <body>
        <f:view>
            <a4j:form>
                <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>

                <div style="float:left; width:50%;">
                    <div class="fields_input">
                        <label><h:outputText value="Ngày bắt đầu"/> :</label>&nbsp;
                        <input value="<h:outputText value="#{l200Controller.ld201}">
                                   <f:convertDateTime pattern="dd/MM/yyyy"/> 
                               </h:outputText>" 
                               type="text" id="leavedate1" name="leavedate1" class="" />
                    </div> 
                </div>
                <div style="float:left; width:50%;">

                    <div class="fields_input">
                        <label><h:outputText value="Ngày kết thúc"/>:</label>&nbsp;
                        <%--<h:inputText value="" lang="firstname" styleClass="required"></h:inputText>--%>
                        <input value="<h:outputText value="#{l200Controller.ld202}">
                                   <f:convertDateTime pattern="dd/MM/yyyy"/> 
                               </h:outputText>" 
                               type="text" id="leavedate2" name="leavedate2" class="" />

                    </div>
                </div>
                <div style="clear:both;"></div>
                <hr style="color:#fff;">
                <div style="float:left; width:50%;">

                    <div class="fields_input">
                        <label><h:outputText value="Mức lương"/> :</label>&nbsp;
                        <h:inputText value="#{l200Controller.ln203st}" lang="firstname" style="text-align:right;" styleClass="required"></h:inputText>
                    </div>
                    <div class="fields_input">
                        <label><h:outputText value="Tiền trách nhiệm  "/> :</label>&nbsp;
                        <h:inputText value="#{l200Controller.ln204st}" lang="firstname" style="text-align:right;" styleClass="required"></h:inputText>
                    </div>
                    <div class="fields_input">
                        <label><h:outputText value="Tiền thâm niên"/> :</label>&nbsp;
                        <h:inputText value="#{l200Controller.ln205st}" lang="firstname" style="text-align:right;" styleClass="required"></h:inputText>
                    </div>
                    <div class="fields_input">
                        <label><h:outputText value="Phúc lợi"/> :</label>&nbsp;
                        <h:inputText value="#{l200Controller.ln213st}" lang="firstname" style="text-align:right;" styleClass="required"></h:inputText>
                    </div>
                    <div class="fields_input">
                        <label><h:outputText value="Giảm trừ GC "/> :</label>&nbsp;
                        <h:inputText value="#{l200Controller.ln206}" lang="firstname" style="text-align:right;" styleClass="required"></h:inputText>
                    </div>

                </div>
                <div style="float:left; width:50%;">


                    <div class="fields_input">
                        <label><h:outputText value="Mức BHXH "/>:</label>&nbsp;
                        <h:inputText value="#{l200Controller.ln207st}" lang="firstname" style="text-align:right;" styleClass="required"></h:inputText>
                    </div>
                    <div class="fields_input">
                        <label><h:outputText value="Số BHXH "/>:</label>&nbsp;
                        <h:inputText value="#{l200Controller.lv208}" lang="firstname" styleClass="required"></h:inputText>
                    </div>
                    <div class="fields_input">
                        <label><h:outputText value="Thâm niên "/>:</label>&nbsp;
                        <h:inputText value="#{l200Controller.ln209}" lang="firstname" style="text-align:right;" styleClass="required"></h:inputText>
                    </div>
                    <div class="fields_input">
                        <label><h:outputText value="Số lần làm việc "/>:</label>&nbsp;
                        <h:inputText value="#{l200Controller.ln210}" lang="firstname"  style="text-align:right;" styleClass="required"></h:inputText>
                    </div>
                    <div class="fields_input">
                        <label><h:outputText value="Mã số thuế "/>:</label>&nbsp;
                        <h:inputText value="#{l200Controller.lv214}" lang="firstname" styleClass="required"></h:inputText>
                    </div>

                </div>

                <div class="more_detail_vh"><img src="../images/up.png" alt=""/></div>
                <div class="more_detail_vh_down"><img src="../images/down.png" alt=""/></div>
                <div style="clear:both;" ></div>
                <hr style="color:#fff;">
                <div class="morevh">
                    <div class="fields_input" >
                        <label><h:outputText value="Trình độ văn hóa"/>:</label>&nbsp;
                        <h:inputText value="#{l200Controller.lv211}" style="border: 1px solid #B2B7BB;padding:3px 5px;color:#999999;width:60px;"></h:inputText>(Ex: 1/12)
                    </div>
                    <div class="fields_input" >
                        <label><h:outputText value="Bằng cấp"/>:</label>&nbsp;
                        <h:inputText value="#{l200Controller.lv212}" style="border: 1px solid #B2B7BB;padding:3px 5px;color:#999999;width:528px;"></h:inputText>
                    </div>
                    <div class="fields_input" >
                        <label><h:outputText value="Ghi chú"/>:</label>&nbsp;
                        <h:inputTextarea value="#{l200Controller.lv224}" style=" border: 1px solid #B2B7BB;color: #999999; margin-left: 3px; padding: 3px 5px; width: 528px;"></h:inputTextarea>
                    </div>
                </div>

                <h:panelGroup id="identy">
                    <div class="popup-footer" style="height:40px;margin-top: 20px;">
                        <h:outputText value="#{l200Controller.messageform}" id="mesage2" styleClass="mesage"/>
                        <h:inputHidden value="#{l200Controller.pn100}" id="pn1002"/>
                        <a4j:commandButton  value='#{locale.save}' actionListener="#{l200Controller.saveL200}"
                                            onclick="showPleaseWait();$j('.mesage').text('');"
                                            oncomplete="hidePleaseWait();" style=""
                                            styleClass="buttonsave"  reRender="mesage2">
                            <f:param name="action" value="saveL200" />
                            <f:param name="page" value="" />
                        </a4j:commandButton>

                    </div>
                </h:panelGroup>
            </a4j:form>
        </f:view>


    </body>
</html>
